<!--声明为HTML5文档-->
<!DOCTYPE html>
<html>
<!--头部元素-->

<head>
	<meta charset=utf-8>
	<title>菜鸟教程(runoob.com)</title>
	<style>
		.text {
			color: green;
			text-indent: 2em;
			padding: 2em;
			text-align: left;
			word-spacing: 30px;
			letter-spacing: 10px;
			text-transform: capitalize;
		}
	</style>
</head>
<!--可见内容-->

<body style="background-color: #A1EE00;">

	<q>q</q>
	<blockquote>blockquote</blockquote>
	<address>11 <br />111</address>
	<h1>我的第一个标题</h1>

	<p class="text">
		我的<em>第一个</em>段落。fjdksfjlds&nbsp;afksjda,lfjsalsdlkajfdsfjkdjfsjdkfjsladjdkfgka<br />shfkdhsajfhlksadjflsdajflsdkajflkdsajflkdsajfldsajfkldasjgkjfdaghuksafghdsajkfhsdajikjfhaskdfdbnfhwekfjsadkhfsadlgkhfajks
	</p>
	234
	4324
	<br />
	<dfn>definition</dfn>
	<samp>samp</samp>
	<code>code</code>
	<cite>cite</cite>
	<var>var</var>
	<kbd>kbd用户输入</kbd>
	<hr width=“50” align="left" size="1" id="hr" />
	<!--无序列表 和 有序列表，可嵌套使用-->
	<ul>
		<li>li1</li>
		<li>li2</li>
		<li>li3</li>
	</ul>
	<ol start="2">
		<li>li1</li>
		<li>li2</li>
		<li>li3</li>
	</ol>
	<!--定义列表-->
	<dl>
		<dt>方糖</dt>
		<dd>方的糖</dd>
	</dl>
	<!--图片-->
	<img src="火影鼬.png" width="30%" height="30%" alt="you" />
	<br />
	<!--一个小窗口，偷别人的东西-->
	<!--<iframe src="http://news.163.com" width="1000" height="400"></iframe>-->
	<!--超链接-->
	<a href="https://docs.leiyx.top">我的博客</a>
	<a href="test.html">test.html</a>
	<a href="#hr" target="_blank">hr</a>
	<!--map-->
	<img src="火影鼬.png" width="30%" height="30%" alt="you" usemap="#map" />
	<map name="map">
		<area shape="rect" coords="0,0,50,50" href="https://docs.leiyx.top" alt="leiyx.top" />
		<area shape="circle" coords="75,75,25" href="https://www.baidu.com" alt="baidu" />
	</map>
	<!--table-->
	<table border="1">
		<thead>
			<caption>表格</caption>
			<th>num1</th>
			<th>num2</th>
			<th>num3</th>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
			</tr>
			<tr>
				<td colspan="3">33452342341</td>
			</tr>
		</tbody>
		<tfoot>
			this is tfoot
		</tfoot>
	</table>


</body>

</html>